<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone,isMYKEY:isMYKEY,error:error}">
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
		</div>
		<div class="content">
			<h1>选择收款方式</h1>
			<div class="types">
				<div class="item" v-for="item in list">
					<div class="title">
						<div class="left" @click="goEdit(item)">
							<img :src="item.icon">
							<span class="name">{{item.name}}</span>
							<span class="recommend" v-if="item.recommend">推荐</span>
							<i class="edit" v-if="item.onSet==1"></i>
						</div>
						<div class="right" @click="goSet(item)">
							<b class="choice" v-if="item.onSet==1" :class="{on:item.isSelected}"></b>
							<span v-else>未设置</span>
						</div>
					</div>
					<div class="desc" v-if="item.isSelected && item.onSet==1">
						<div class="ele"><span>订单金额</span><b>￥{{amountOfMoney}}</b></div>
						<div class="ele"><span>数量</span><b>{{account+name}}</b></div>
					</div>
				</div>
			</div>
			<van-button @click="makeOrder" loading-text="下单中..." :loading="loading" type="primary" color="#1C4D7F">去出售</van-button>
			<div class="c-info">
				<p>·{{OTCWorkTime}}</p>
				<p>·所有OTC商家均已经过认证并质押保证金，请放心兑换</p>
			</div>
		</div>
	</div>
</template>
<script src="./mykeySell.js"></script>
<style scoped>
	@import './mykeySell.css';
</style>
<style>
	.sellType-mark{
		background-color: rgba(0,0,0,.5);
	}
	.van-dialog.sellType-dialog{
		width: 5.07rem;
		border-radius: 0.22rem;
	}
	.van-dialog.sellType-dialog .van-dialog__header{
		padding-top: 0.4rem;
		font-size: 0.32rem;
		color: #2E3D4D;
		font-weight: bold;
	}
	.van-dialog.sellType-dialog .van-dialog__message{
		font-size: 0.25rem;
		padding: 0.1rem 0 0.35rem 0;
		color: #2E3E4D;
	}
	.van-dialog.sellType-dialog .van-button{
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.32rem;
	}
	.van-dialog.sellType-dialog .van-dialog__confirm{
		font-weight: 600;
	}
</style>